
<!-- saved from url=(0073)https://www.ruiyi126.com/view_design/v_modelPreview.jspx?industryId=10045 -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="content-type">
    <title>模版预览：527a00001</title>
    <meta name="viewport" content="width=device-width,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="./模版预览：527a00001_files/preview.css">
<!-- <link rel="stylesheet" href="/pt/css/common.css"/> -->
<link rel="stylesheet" href="./模版预览：527a00001_files/base.css">
<link rel="stylesheet" href="./模版预览：527a00001_files/swiper.min.css">
<link rel="stylesheet" href="./模版预览：527a00001_files/animate.min.css">
<link rel="stylesheet" href="./模版预览：527a00001_files/modules.css">
<script type="text/javascript" src="./模版预览：527a00001_files/jquery-1.8.3.min.js.下载"></script>
<script type="text/javascript" src="./模版预览：527a00001_files/common.js.下载"></script>
<script type="text/javascript" src="./模版预览：527a00001_files/swiper.min.js.下载"></script>
<script type="text/javascript" src="./模版预览：527a00001_files/rotatetxt.js.下载"></script>
<script type="text/javascript" src="./模版预览：527a00001_files/lottie.min.js.下载"></script>
<script type="text/javascript" src="./模版预览：527a00001_files/stat.js.下载"></script>
    <style type="text/css">
        <!--
        body {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            overflow: hidden;
        }
        -->
    </style>
</head>
<body>
<script>
    var hashStr = window.location.hash;
    var umstate ;
    try{
        umstate =  hashStr.match(/(?:#umstate=)([^&=]+)/)[1];
        if(umstate){
            document.cookie="umstate="+umstate+";path=/";
        }
    }catch(e){}
</script>
<script>
    var loginSuccessCallBackFun ;
    /**
     * 校验会员是否登录
     * @returns {boolean}
     */
    function checkLogin(){
        var loginFlag = false;

        $.ajax({
            type:'post',
            async:false,
            url:'/member_login_status.jspx?t='+new Date().getTime(),
            success:function(data){
                if(data.status==1){
                    loginFlag = true;
                }
            }
        });
        return loginFlag;
    }
    /**
     * 查看是否登录，并弹出登录窗口
     * */
    function checkLoginAndAlertLoginPop(){
        var loginFlag =checkLogin();
        if(!loginFlag){
            //校验是手机还是pc
            if(IsPC()){
                lodingHtml("login");
            }else{
                window.location.href = "/mucenter/login.jspx";
            }
        }
        return loginFlag;
    }
    function IsPC() {
        var userAgentInfo = navigator.userAgent;
        var Agents = ["Android", "iPhone",
            "SymbianOS", "Windows Phone",
            "iPad", "iPod"];
        var flag = true;
        for (var i = 0; i < Agents.length; i++) {
            if (userAgentInfo.indexOf(Agents[i]) !=-1) {
                flag = false;
                break;
            }
        }
        return flag;
    }
    /**
     * 查看是否登录，并弹出登录窗口
     * */
    function checkLoginAndAlertStore(){
        var loginFlag =checkLogin();
        if(!loginFlag){
            lodingHtml("register");
        }else{
            window.location.href="/ucenter/purchase/productAllList.jspx"
        }
      
    }

    function lodingHtml(showType){

        $.ajax({
            url: '/r_member/loginhtml.jspx',
            data:{"showType":showType},
            type: 'post',
            success: function(data){
              $("body").append(data);
            }
        });
    }


    /**
     * 查看是否登录，未登陆弹出注册窗口 ，登陆则跳转地址
     * */
    function checkLoginAndOpenUrl(url,target){
        var loginFlag =checkLogin();
        if(!loginFlag){
            lodingHtml("register");
        }else{
            if(target){
                window.open(url,target)
            }else{
                window.location.href=url
            }
        }

    }

    $(function(){
        //检测连接是否带参数,带参数 则弹出登录页面
        if(document.location.search.search('showLoginProp=1')!=-1){
            checkLoginAndAlertLoginPop();
        }
    })

</script>


<div id="previewTop" class="preview_top new-preview">
    <div class="preview_content">
        <div class="industry_detail fl">
            <div class="industry_hd">
                <span>编号：<span id="serialNo">527a00001</span></span>
                <span>所属行业：建站公司</span>
            </div>
            <div id="moreModules" class="more_modules" style="display: none; top: -500px;">
                <div class="modules_content">
                    <div id="selectContent" class="select_content">
                        <ul>
                            <li>
                                <a industryid="10045" href="https://jianzhan02-mb.126net.cn/" onclick="showTemp(this,&#39;https://jianzhan02-mb.126net.cn/&#39;,&#39;10045&#39;,&#39;527a00001&#39;)" title="527a00001" target="sourceWeb"><img src="./模版预览：527a00001_files/527a00001.jpg" alt=""><span></span></a>
                                
                                <a industryid="9977" href="https://jianzhan01-mb.126net.cn/" onclick="showTemp(this,&#39;https://jianzhan01-mb.126net.cn/&#39;,&#39;9977&#39;,&#39;506a00001&#39;)" title="506a00001" target="sourceWeb"><img src="./模版预览：527a00001_files/506a00001.jpg" alt=""><span></span></a>
                                </li>
                    </ul>
                </div>
                <div class="preview_buts">
                    <a href="https://www.ruiyi126.com/view_design/v_modelPreview.jspx?industryId=10045#" class="leftbut"></a>
                    <a href="https://www.ruiyi126.com/view_design/v_modelPreview.jspx?industryId=10045#" class="rightbut"></a>
                </div>
            </div>
            </div>
        </div>
        <div class="versions_icons fr">
            <span></span>
            <a href="https://www.ruiyi126.com/mb/index.jhtml">更多模板</a>
        </div>
        <div class="modules_page">
            <a href="javascript:void(0);" class="disable" onclick="tempGoPage(this,1,-1)">上一个</a>
            <span>1/2</span>
            <a href="javascript:void(0);" onclick="tempGoPage(this,1,1)">下一个</a>
        </div>
        <div class="versions_icons">
            <input type="hidden" id="industryId" value="10045">
            <!-- <a class="collect_template" href="javascript:void(0);" onclick=""><b></b>收藏</a> -->
            <a href="javascript:void(0);" class="pc_icon version_current hidden" onclick="phoneShow(this);" a-name="sourceWeb"><i class="i-ico i-pc"></i><em>PC版效果</em></a>
            <a href="javascript:void(0);" class="phone_icon" onclick="phoneShow(this);" a-name="previewPhoneDiv"><i class="i-ico i-mobile"></i><em>手机版效果</em></a>
            <a class="copy_template select-use" href="javascript:void(0);" onclick="previewUseMb()">选用此模板</a>
        </div>
    </div>
</div>

<div style="position: absolute;top:0;left:0;right:0;bottom: 0;margin: auto;">
<iframe name="sourceWeb" id="sourceWeb" src="./模版预览：527a00001_files/saved_resource.html" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" allowtransparency="yes"></iframe>



<div id="previewPhoneDiv" class="preview_phone">
    <div class="phone_code">
        <div id="PhoneCode" data-href="https://jianzhan02-mb.126net.cn//mIndex.jsp?serialNo=527a00001&amp;previewPhone=true" title="https://jianzhan02-mb.126net.cn//mIndex.jsp?serialNo=527a00001&amp;previewPhone=true">
            <p class="code_tip">扫一扫二维码，手机预览</p>
        <canvas width="160" height="160" style="display: none;"></canvas><img src="" style="display: block;"></div>
    </div>
    <iframe id="mobiReviewPageFrame" name="mobiReviewPageFrame" frameborder="0" width="100%" height="100%" scrolling="yes" src1="https://jianzhan02-mb.126net.cn//mIndex.jsp?serialNo=527a00001&amp;previewPhone=true" src="./模版预览：527a00001_files/saved_resource(1).html"></iframe>
</div>
</div>

<!-- 新增选用 -->
<div class="popbg"></div>
<div class="popwin noselect-pop popwin-nobottom" id="replaceApp">
    <div class="pop-head">
        <h4>建站模板选用</h4>
        <a href="javascript:void(0);" class="popclose" onclick="cancelPop(this);"></a>
    </div>
    <div class="pop-main">
        <div class="pop-inner">
            <p class="temp-yy-title">您希望将“<span id="templateName">餐饮 498b00001</span>”更换到以下哪个站点：</p>
            <div class="clearfix temp-yy">
                <div class="left-temp">
                    <div class="temp-titletip">新站点</div>
                    <div>
                        <div class="myapp_bdleft ">
                            <div class="my_apptest_box">
                               <img class="my_apptest" src="./模版预览：527a00001_files/apptest_default.jpg" alt="">
                            </div>
                        </div>
                    </div>
                    <a class="b-btn b-orange" href="Javascript:void(0)" onclick="openPayProduct();">应用到新的站点 <i class="i-ico"></i></a>
                </div>
                <div class="right-temp">
                    <div class="temp-titletip">已有站点</div>
                    <div>
                        <div class="myapp_bdleft ">
                            <div class="my_apptest_box">
                               <img class="my_apptest" id="solImg" src="https://www.ruiyi126.com/view_design/v_modelPreview.jspx?industryId=10045" alt="">
                            </div>
                        </div>
                    </div>
                    <a class="b-btn" href="Javascript:void(0)" id="oneAppBtn" onclick="replaceTemplate();">更换到已有站点 <i class="i-ico"></i></a>
                    <a class="b-btn" href="Javascript:void(0)" id="multiAppBtn" onclick="showMultiApp();">更换到已有站点 <i class="i-ico"></i></a>
                </div>
            </div>
        </div>
    </div>
    <div class="pop-bottom">
        <input type="hidden" name="industryId" id="industryId">
        <input type="hidden" name="maId" id="maIdHid">
        <input type="hidden" name="businessId" id="businessId">
        <input type="hidden" name="ssoLoginInterface" id="ssoLoginInterface">
        <input id="appId" name="appId" type="hidden" value="21">
    </div>
</div>
<div class="popwin selecttemp-pop popwin-nobottom" id="multiApp">
    <div class="pop-head">
        <h4>建站模板选用</h4>
        <a href="javascript:void(0);" class="popclose" onclick="cancelPop(this);"></a>
    </div>
    <div class="pop-main">
        <div class="pop-inner">
            <p class="selectable-title">您目前有 <span id="appCount">2</span> 个站点，可以更换此模板，请选择：</p>
            <ul class="selectable-template ">

            </ul>
        </div>
    </div>
</div>


<script>
    function cancelPop(obj){
        $(".popbg").hide();
        $(obj).parents(".popwin").hide();
    }

    function useMb(industryId,trimSerialNo,parentName){

        if(checkLoginAndAlertLoginPop()){
            $("#templateName").html(parentName+" "+trimSerialNo);
            $("#industryId").val(industryId);
            var appId = $("#appId").val();
            // 获取当前用户自助建站应用列表
            $(".popbg").show();
            $.ajax({
                type : 'post',
                url : '/ucenter/memberApp/getZzjzApp.jspx',
                data:{"appId":appId},
                error : function(e){
                    $(".popbg").hide();
                },
                success : function(data){
                    if(data.count > 0 ){
                        $("#ssoLoginInterface").val(data.ssoLoginInterface);
                        if(data.count > 1){
                            $("#appCount").html(data.count);
                            $("#multiApp").find(".selectable-template").empty();
                            var appHtml = generateAppHtml(data);
                            $("#multiApp").find(".selectable-template").html(appHtml);
                            $("#oneAppBtn").hide();
                            $("#multiAppBtn").show();
                        }else{
                            $("#oneAppBtn").show();
                            $("#multiAppBtn").hide();
                        }

                        $("#maIdHid").val(data.list[0].maId);
                        $("#businessId").val(data.list[0].businessId);

                        var defImg = "/r/system/100a00001/img/zizhujianzhan.png";
                        var solImg = defImg;
                        if( data.list[0].tplSol){
                            solImg = 'https://jrfcms-mb.126net.cn/res/jrfcms/img/tpltheme/'+data.list[0].tplSol+'.jpg';
                        }
                        $("#solImg").attr("src",solImg);
                        $("#replaceApp").show();
                    }else{
                        $(".popbg").hide();
                        openPayProduct();
                    }
                }
            });
        }
    }
    function generateAppHtml(data){
        var html = '';
        var defImg = "/r/system/100a00001/img/zizhujianzhan.png";
        var appId = $("#appId").val();
        for(var i=0;i<data.list.length;i++){
            var app = data.list[i];

            html += '<li maIdHid="'+app.maId+'"  businessId="'+app.businessId+'">\n' +
            '                    <div class="temp-inner clearfix">\n' +
            // '                        <i class="i-ico i-cur"></i>\n' +
            '                        <div class="imgbox">' +
            '                           <div class="myapp_bdleft ">'+
            '                               <div class="my_apptest_box">';
            if(appId==21){
                var solImg = defImg;
                if(app.tplSol){
                    solImg = 'https://jrfcms-mb.126net.cn/res/jrfcms/img/tpltheme/'+app.tplSol+'.jpg';
                }
                html +=
                    '                                   <img class="my_apptest" src="'+solImg+'" alt="" />' ;
            }else if(appId==241){
                solImg = "/r/system/100a00001/img/qr_code_336.png";
                if(app.manageUrl){
                    solImg =app.manageUrl;
                }
                html +=
                    '                                   <img class="my_apptest my_applet" src="'+solImg+'" alt="" />' ;
            }

            html+=
            '                                </div>\n' +
            '                           </div>\n' +
            '                        </div>\n' +
            '                        <div class="txtbox">\n' +
            '                           <p class="temp-name">应用名称：'+app.name+'</p>\n' ;
            if(appId==21){
            html +=
            '                           <p class="temp-name">站点域名：'+app.domain+'</p>\n' +
            '                           <p class="temp-name">语言版本：中文版'+app.languageZh+'</p>\n' ;
            }else if(appId==241){
                var username = app.username?app.username:"";

                html +=
                    '                           <p class="temp-name">后台账号：'+username+'</p>\n' +
                    '                           <p class="temp-name">管理地址：https://wxapp.126ego.com/store/login.do</p>\n' ;
            }
            html+=
            '                           <p class="temp-name"><button class="b-btn b-orange" onclick="selectApp(this)"><span>立即更换模版</span><i class="i-ico"></i></button></p>\n' +
            '                        </div>\n' +
            '                    </div>\n' +

            '                </li>'
        }
        return html;
    }

    function showMultiApp(){
        $("#multiApp").show();
        $("#replaceApp").hide();
    }

    function selectApp(obj){
        var maIdHid = $(obj).parents("li").attr("maIdHid")
        var businessId = $(obj).parents("li").attr("businessId")
        $("#maIdHid").val(maIdHid);
        $("#businessId").val(businessId);
        replaceTemplate();
    }

    function replaceTemplate(){
        var maId = $("#maIdHid").val();
        var ssoLoginInterface = $("#ssoLoginInterface").val();
        var businessId = $("#businessId").val();
        $.ajax({
            type: "POST",
            async:false,
            url: "/ucenter/memberApp/o_getUcenterTicket.jspx",
            data: {"maId": maId},
            success: function(result) {
                if(result){
                    var industryId = $("#industryId").val();
                    var appId = $("#appId").val();
                    var url = ssoLoginInterface+"?businessId="+businessId+"&token="+result;
                    if(appId ==21){
                        url +="&returnUrl=/index.jhtml%3FindustryId="+industryId;
                    }else if(appId==241){
                        url +="&tplMark="+industryId;
                    }else if(appId==321){
                        url +="&tplMark="+industryId;
                    }else if(appId==322){
                        url +="&tplMark="+industryId;
                    }
                    window.open(url);
                }
            }
        });

    }

    function hbUseMb(industryId){
        $("#industryId").val(industryId);
        if(checkLoginAndAlertLoginPop()){
            openPayProduct();
        }
    }

    function openPayProduct(){
        var appId = $("#appId").val();

        var url;
        if(appId ==21){
            url = "/product/productDetails.jhtml?pvIds=627,382,387&pvId=627";
        }else if(appId==241){
            url = "/product/productDetails.jhtml?pvIds=601,583&pvId=601";
        }else if(appId==321){
            url = "/product/productDetails.jhtml?pvIds=761";
        }else if(appId==322){
            url = "/product/productDetails.jhtml?pvIds=762";
        }
        var industryId = $("#industryId").val();
        url += "&industryId="+industryId;
        window.open(url);
    }

</script>
<div class="active_pop_bg c-show" style="display: none;"></div>
    <div class="active_pop_big c-show" style="display: none;">
        <i class="active_pop_close" onclick="closeActive(this);"></i>
        <a href="http://www.ruiyi126.com/ryzxhd/index.jhtml"><img src="./模版预览：527a00001_files/template_popbig.png" alt=""></a>
    </div>
    <div class="active_pop_small">
        <a href="javascript:void(0);" onclick="openActive(this);"><img src="./模版预览：527a00001_files/template_popsmall.png" alt=""></a>
    </div>
<script src="./模版预览：527a00001_files/qrcode.js.下载"></script>
<script>
    $(function(){
        var qrcode = new QRCode(document.getElementById("PhoneCode"), {
            width : 160,
            height : 160
        });

        qrcode.makeCode($("#PhoneCode").attr("data-href"));

        init();
        // 模板更多下拉
        // $("#previewTop .industry_detail").mouseenter(function(){
        //     $("#moreModules").stop().show().animate({
        //         "top":"50px"
        //     },300);
        // });
        // $("#previewTop .industry_detail").mouseleave(function(){
        //     selectSlideUp();
        // });


    });
    function showTemp(obj,domain,industryId,serialNo){
        $("#industryId").val(industryId);
        $("#serialNo").html(serialNo);

        $("#selectContent li a").removeClass('a_checked');
        $(obj).addClass("a_checked");

        var mobiUrl = domain+"/mIndex.jsp?serialNo="+serialNo+"&previewPhone=true";
        $("#mobiReviewPageFrame").attr("src1",mobiUrl);
        $("#mobiReviewPageFrame").attr("src",mobiUrl);

        $("#PhoneCode").find("img").remove();
        $("#PhoneCode").find("canvas").remove();
        var qrcode = new QRCode(document.getElementById("PhoneCode"), {
            width : 160,
            height : 160
        });
        qrcode.makeCode(mobiUrl);

        selectSlideUp();

    }

    //手机版显示
    function phoneShow(obj) {
        $(obj).addClass("hidden").siblings().removeClass("hidden");
        var nameshow = $(obj).attr("a-name");
        var nameshow1 = $(obj).siblings('[a-name]').attr("a-name");
        $(obj).addClass("version_current").siblings().removeClass("version_current");
        $('#'+nameshow).show();
        $('#'+nameshow1).hide();
        if(nameshow == 'previewPhoneDiv'){
            var src = $("#mobiReviewPageFrame").attr("src");
            if(!src){
                src = $("#mobiReviewPageFrame").attr("src1");
                $("#mobiReviewPageFrame").attr("src",src);
            }
        }
    }

    function previewUseMb(){
        var industryId = $("#industryId").val();
        var serialNo = $("#serialNo").html();
        useMb(industryId,serialNo,'建站公司');
    }



    function selectSlideUp(){
        $("#moreModules").stop().animate({
            "top":'-500'
        },300,function(){
            $("#moreModules").hide()
        });
    }
    function init(){
        var nowimg = 0;
        var i = $("#selectContent li").length;
        $("#moreModules").on("click",".rightbut",function(){
            if(!$("#selectContent ul").is(":animated")){
                if(nowimg<i-1){
                    nowimg ++;
                }
                $("#selectContent ul").animate({
                    "left":-1000*nowimg
                },1000);
            }
        });
        $("#moreModules").on("click",".leftbut",function(){
            var i = parseInt($("#selectContent li").length/5);
            if(!$("#selectContent ul").is(":animated")){
                if(nowimg>0){
                    nowimg --;
                }
                $("#selectContent ul").animate({
                    "left":-1000*nowimg
                },1000);
            }
        });

    }

    function tempGoPage(obj,currentNum,flag){
        if(!$(obj).hasClass("disable")){

            var industryId ;
            if(flag == 1){
                industryId = $("#selectContent").find("ul li a").eq(currentNum-1).next().attr("industryId");
            }else{
                industryId = $("#selectContent").find("ul li a").eq(currentNum-1).prev().attr("industryId");
            }

            window.location.href="/view_design/v_modelPreview.jspx?industryId="+industryId;
        }
    }

// 瑞蚁助学弹窗
 $(function(){
        var closeActive = getCookie("activeRYZX");
        if(closeActive!="hide"){
            $(".active_pop_bg").show();
            $(".active_pop_big").show();
            $(".active_pop_small").hide();
        }else{
            $(".active_pop_bg").hide();
            $(".active_pop_big").hide();
            $(".active_pop_small").show();
        }
    })
    function getCookie(cookie_name)
    {
        var allcookies = document.cookie;
        var cookie_pos = allcookies.indexOf(cookie_name);   //索引的长度
      
        // 如果找到了索引，就代表cookie存在，
        // 反之，就说明不存在。
        if (cookie_pos != -1)
        {
            // 把cookie_pos放在值的开始，只要给值加1即可。
            cookie_pos += cookie_name.length + 1;      //这里容易出问题，所以请大家参考的时候自己好好研究一下
            var cookie_end = allcookies.indexOf(";", cookie_pos);
      
            if (cookie_end == -1)
            {
                cookie_end = allcookies.length;
            }
      
            var value = unescape(allcookies.substring(cookie_pos, cookie_end));         //这里就可以得到你想要的cookie的值了。。。
        }
        return value;
    }
    function openActive(obj){
        var d = new Date();
        d.setTime(d.getTime() + (30*24*60*60*1000));
        var expires = "expires="+ d.toUTCString();
        document.cookie="activeRYZX=show;" + expires + ";path=/";
        $(".active_pop_bg").show();
            $(".active_pop_big").show();
            $(".active_pop_small").hide();
    }

    function closeActive(obj){
        var d = new Date();
        d.setTime(d.getTime() + (30*24*60*60*1000));
        var expires = "expires="+ d.toUTCString();
        document.cookie="activeRYZX=hide;" + expires + ";path=/";
        $(".active_pop_bg").hide();
            $(".active_pop_big").hide();
            $(".active_pop_small").show();
    }
</script>


</body></html>